body {
    height: 100vh;
    z-index: 2;
    max-width: 100vw;
    background: #fff;
}

#container {
    background: #fff;
}

.sexiang {
    filter: hue-rotate(209deg) saturate(51) brightness(6);
}

.baoming-block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    background: #0a0a0a;
    z-index: 9998;
}

.yykf_form {
    width: 80%;
    position: absolute;
    background: #fff;
    padding: 24px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

.yykf_form > div > input[type=text] {
    width: 80%;
    border-radius: 5px;
    border: solid 1px #efefef;
}

.yykf_form .checkbox-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.yykf_form > div > input[type=checkbox] {

}

.yykf_form label {
    width: 33%;
}

.yykf_form input {
    padding: 10px;
}

.yykf_form button {
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 10px;
    border-radius: 5px;
}

.yykf_form .input-2 {
    background: #20a53a;
    color: #fff;
    border-radius: 5px;
    padding: 10px 12px
}

.yykf_form .input-3 {
    background: #C20000;
    color: #fff;
    border-radius: 5px;
    padding: 10px 12px
}

.box-title {
    margin-bottom: 21px;
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(14, 21, 25, 1);
}

.btn-ghost-danger {
    display: inline-block;
    position: relative;
    border: 1px solid rgba(18, 184, 215, 1);
    color: rgba(18, 184, 215, 1);
    font-weight: 400;
    border-radius: 5px;
    font-size: 12px;
    padding: 5px;
    line-height: 12px;
    width: max-content;
    text-decoration: none;
    margin-left: 5px;
}

/* 头部 */
header.fixed {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 100%;
    background: none;
    border-bottom: none;
    z-index: 99;
    height: 46px;
}

header > div {
    margin: 0 auto;
    height: 50px;
    line-height: 30px;
}

header > div {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    background: #FAFAFA;
    box-shadow: 0px 1px 0px 0px rgba(241, 241, 241, 1);
}

.go_back {
    box-flex: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    width: 20%;
    padding-top: 15px;
    padding-bottom: 13px;
    padding-left: 14px;
}

.go_back img {
    width: 10px;
    height: 19px;
}

.logo {
    padding-top: 14px;
    padding-left: 39px;
}

.logo img {
    width: 171px;
    height: 23px;
}

.location {
    text-indent: 14px;
    position: absolute;
    right: 27px;
    top: 9px;
}

.cityChoo {
    font-size: 11px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(93, 92, 92, 1);
}

.cityChoo > span::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 14px;
    left: 0;
    bottom: 9px;
    margin-top: -2px;
    background: url(../images/icon/locate.png) 0 0 no-repeat;
    background-size: 11px 14px;
}

.cityChoo > span::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 5px;
    bottom: 12px;
    right: -15px;
    background: url(../images/icon/down_arrow.png) 0 0 no-repeat;
    background-size: 10px 5px;
}

/* 回到顶部 */
#go_top {
    position: fixed;
    z-index: 9999;
    right: 13px;
    bottom: 104px;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(98, 98, 98, 1);
    padding: 8px;
    border-radius: 50%;
    background: url("../images/icon/up_arrow.png") 0 0 no-repeat;
    background-size: 16px 16px;
    background-position: 8px;

}

/* banner */
#banner {
    width: 100%;
    height: 272px;
    z-index: 1;
}

#swiper-pagination-custom1 {
    background: #1C1C1C;
    color: #FEFEFE;
    font-size: 11px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    bottom: 100px;
    left: 80%;
    /* right: 0px; */
    width: inherit;
    padding: 5px 10px;
    opacity: 0.9;
    border: 1px solid rgba(28, 28, 28, 1);
    border-radius: 19px;
}

/* 详情 */
#detail {
    z-index: 99;
    position: relative;
    margin-top: -25px;
    padding-top: 15px;
}

#detail .detail-footer .baoming-btn {
    background: #F3F4F7;
    padding: 10px 20px;
    border-radius: 3px;
}

.tags {
    margin-top: 21px;
    margin-bottom: 30px;
}

.tags .tag {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 254, 254, 1);
    position: relative;
    background: rgba(18, 184, 215, 1);
    border-radius: 5px;
    padding: 5px;
    line-height: 12px;
}

#detail table tr {
    border-bottom: 1px solid #c1c0c0;
}

#detail table td {
    padding: 15px 1px;
    font-size: 14px;
    font-weight: 400;
    font-family: Source Han Sans CN;
    white-space: .25rem;
}

#detail .col-title {
    width: 30%;
    color: #535a62;
}

#detail .col-value {
    color: #212427;
    line-height: 16px;
}

.call-line {
    font-size: 19px;
    font-weight: 400;
    color: #212427;
    margin-top: 15px;
    margin-bottom: 26px;
}

.see-detail {
    text-align: center;

    margin-bottom: 19px;

}

.see-detail a {
    text-decoration: none;
    color: #0096E8;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
}

.detail-footer {
    display: flex;
    justify-content: space-between;
    padding-left: 12px;
    align-content: center;
    color: #535a62;
    font-weight: 400;
    font-family: Source Han Sans CN;
    font-size: 14px;
}

.detail-footer div {
    /* margin:0 10px; */

}

.detail-footer img {
    width: 15px;
    height: 17px;
    margin-right: 5px;
}

/* 服务 */
.tag-items {
    display: flex;
}

.tag-items .tag {
    position: relative;
    font-size: 11px;
    color: #878f96;
    width: 23%;
}

.tag-items .tag-icon {
    width: 10px;
    height: 10px;
    margin-right: 3px;
}

.list1 .list-item {
    display: flex;
    margin: 24px auto;
}

.list1 .list-item .avatar {
    width: 30%;
    margin-right: 16px;
    border-radius: 5px;
}

.list1 .list-item .list-content {
    font-size: 11px;
    line-height: 1.2rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
}

.list1 .list-item .list-content .nickname {
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: 500;
}

/* 广告 */
.ad {
    display: flex;
    background-color: rgba(186, 251, 251, 1);;
    padding: 24px;
    border-radius: 5px;
}

.ad > .ad_content {
    flex: 1;
    width: 60%;
    color: rgba(34, 163, 234, 1);
    line-height: 28px;
    font-size: 11px;
    font-family: Source Han Sans CN;
    font-weight: 400;
}

.ad > .ad_content > .bold {
    color: rgba(0, 150, 232, 1);
    font-weight: 500;
    font-family: Source Han Sans CN;
    font-size: 16px;
}

.ad .ad_btn {
    line-height: 3rem;
}

.ad .ad_btn > .yuyue {
    background-color: rgba(18, 184, 215, 1);;
    color: #FFFEFE;
    font-family: Source Han Sans CN;
    font-weight: 500;
    font-size: 15px;
    border-radius: 15px;
    padding: 10px 15px;
}

/* 户型介绍 */
.type-card {
    display: inline-block;
    margin-right: 5px;
}

.type-card .card-thumb {
    position: relative;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    margin-bottom: 10px;
}

.type-card .card-thumb-status {
    position: absolute;
    top: 6px;
    left: 6px;
    background: rgba(194, 0, 0, 1);
    padding: 6px;
    border-radius: 3px;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 254, 254, 1);
}

.type-card .card-detail .structure {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(14, 21, 25, 1);
    margin-bottom: 13px;
}

.type-card .card-detail .area {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(14, 21, 25, 1);
    margin-bottom: 11px;
}

.type-card .card-detail .price {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(194, 0, 0, 1);
}

/* 优选顾问 */
.service-tags {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.service-tag {
    margin-left: 8px;
    margin-right: 5px;
    position: relative;
    font-size: 12px;
    color: #878f96;
    width: 23%;
    text-indent: 12px;
}

.service-tag::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: -8px;
    top: -2px;
    background: url(../images/icon/check_circle.png) 0 0 no-repeat;
    background-size: 18px 18px;
}

.service-list {
    margin-top: 16px;
}

.service-list > .list-item {
    height: 80px;
    line-height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.service-list .list-item .avatar {
    flex: 1;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.service-list .list-item .nickname {
    flex: 1;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(42, 42, 42, 1);
    text-align: center;
}

.service-list .list-item .good-comments {
    flex: 1;
    font-size: 11px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(135, 143, 150, 1);
}

.service-list .list-item .service-num {
    flex: 1;
    font-size: 11px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(135, 143, 150, 1);
}

.service-list .list-item .zan {
    flex: 1;

    height: 12px;
    width: 12px;
    margin-right: 3px;
}

.service-list .list-item .call {
    flex: 1;
    width: 25px;
    height: 25px;
    display: block;
    text-align: right;
}

/* 楼盘动态 */
.dongtai-list .list-item {
    position: relative;
    /*padding-left:14px;*/
    /*border-left: solid 2px #C1C0C0;*/
    padding-bottom: 16px;
}

/*.dongtai-list .list-item::before{*/
/*    content: " ";*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    background: rgba(194,0,0,1);*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    top: 0px;*/
/*    left: -5px;*/
/*}*/
.dongtai-list .list-item .dongtai-time {
    width: 100%;
    height: 15px;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #A8A9AA;
}

.dongtai-list .list-item .dongtai-neirong {
    margin-bottom: 14px;
    width: 100%;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #0E1519;
    line-height: 1.5rem;
}

.read-more {
    width: 89px;
    height: 23px;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #0096E8;
}

.xdt-box, .bottom-single-btn-box {
    display: flex;
    justify-content: center;
}

.xdt, .single-btn {
    display: block;
    padding: 13px 20px;
    color: #0096E8;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    background: #BAFBFB;
    border: 1px solid rgba(18, 184, 215, 1);
    border-radius: 20px;
}

.xdt span {
    color: #12B8D7;
}

/*基础信息*/
#base_info .info {
    list-style: none;
}

#base_info .info li {
    margin-bottom: 16px;
}

#base_info .info .txt-1 {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(137, 139, 140, 1);
}

#base_info .info .txt-2 {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(7, 7, 7, 1);
}

#base_info .zkgd {
    text-align: center;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(7, 7, 7, 1);
    margin-bottom: 16px;
}

#base_info .zkgd::after {
    display: inline-block;
    content: "";
    width: 10px;
    height: 9px;
    background: url(../images/icon/down_arrow_1.png) 0 0 no-repeat;
    background-size: 10px 9px;
}

/* 问答 */
/* 评论 */
.lppl, .lpwd {
    display: flex;
    justify-content: space-between;
    border-bottom: solid 2px #D2D2D2;
}

.pj, .wd {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(52, 62, 77, 1);
}

.quanbu {
    margin-left: 15px;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(113, 121, 131, 1);
}

/* 周边楼盘 */
.ne_house .item-content {
    display: flex;
}

.ne_house .item-content .item-thumb {
    max-height: 141px;
    border-radius: 5px;
    width: 33.3%;
}

.ne_house .item-desc {
    margin-left: 15px;
    padding: 5px;
    width: 40%;
}

.ne_house .item-desc > div {
    margin-bottom: 8px;
}

.ne_house .item-desc .house-title {
    font-size: 17px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: rgba(14, 21, 25, 1);
}

.ne_house .item-desc .house-price {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(28, 39, 56, 1);
}

.ne_house .item-desc .house-price span {
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(194, 0, 0, 1);
}

.ne_house .item-desc .house-locate {
    position: relative;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(111, 120, 130, 1);
    text-indent: 16px;
}

.ne_house .item-desc .house-locate::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 16px;
    background: url(../images/icon/locate.png) 0 0 no-repeat;
    background-size: 8px 12px;
    left: 0;
}

.ne_house .item-desc .house-tag {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(155, 166, 178, 1);

}

.ne_house .item-desc .house-tags {
}

.ne_house .item-desc .house-tags span {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 9px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(106, 107, 107, 1);
    background: rgba(238, 241, 244, 1);
    border-radius: 1px;
    padding: 2.5px 4px;
}

.ne_house .status {
    width: 20%;
    text-align: center;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(0, 150, 232, 1);
    line-height: 39px;
}

/* 脚注 */
.item-footer {
    display: flex;
    margin-bottom: 8px;
}

.special-title {
    margin-right: 8px;
}

.special {
    background-color: #c20000;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    padding: 4px;
    line-height: 14px;
    padding-right: 12px;
    position: relative;
}

.special::after {
    content: "";
    position: absolute;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background-color: #fff;
    top: 5px;
    right: -5px;

}

.special-content {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(48, 58, 73, 1);
    line-height: 24px
}

/* 底部 */
footer {
    /*height:80px;*/
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 1);
    padding-bottom: 9px;
    justify-items: flex-end;
    justify-content: space-between;
}

footer .sub, .un_sub {
    font-size: 23px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(48, 58, 73, 1);
    margin-right: 18px;
    margin-left: 42px;
}

.sub .sub_img {
    text-align: center;
}

.sub .sub_img img {
    width: 19px;
    height: 15px;
    /*margin: 0 auto;*/
    /*width: 20px;*/
    /*height: 17px;*/
    /*background: url("../images/icon/zaixianzixun.png") 0 0 no-repeat;*/
    /*background-size: 20px 17px;*/
    /*margin-bottom: 6px;*/
}

.un_sub .sub_img {
    margin: 0 auto;

    width: 20px;
    height: 17px;
    background: url("../images/icon/yiguanzhu.png") 0 0 no-repeat;
    background-size: 20px 17px;
    margin-bottom: 6px;
}

.sub_text {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(48, 58, 73, 1);
    text-align: center;
}

footer .to_call {
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: center;
    text-decoration: none;
    background: rgba(18, 184, 215, 1);
    border-radius: 20px;
    padding: 13px 20px;
}

.to_call .txt_1 {
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(251, 253, 254, 1);
}

.to_call .txt_2 {
    font-size: 9px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(253, 252, 252, 1);
}

footer .yykf {
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    justify-content: center;
    text-decoration: none;
    background: rgba(186, 251, 251, 1);
    border-radius: 20px;
    padding: 5px 36px;
}

.yykf .txt_1 {
    font-size: 15px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: rgba(3, 3, 3, 1)
}

.yykf .txt_2 {
    font-size: 9px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(238, 122, 122, 1);
    margin-top: 2.5px;
}

.map-mart {
    margin: 10px auto 0;
}

.map-mart .map-mart-title {
    display: flex;
    padding: 10px 20px 10px 0px;
    border-bottom: 1px solid #eee;
    color:rgba(2,2,2,1);
}

.map-mart .map-mart-title a {
    display: block;
    margin:0 5px;
    font-size:13px;
    font-family:Source Han Sans CN;
    font-weight:400;
    background:rgba(186,251,251,1);
    border-radius:13px;
    padding:7px 18px;
}
.map-mart .map-mart-title .active::after{
    position: absolute;
    bottom: -16px;
    left: 39%;
    display: block;
    content: " ";
    border: 8px solid;
    border-color: #12b8d7 transparent transparent transparent;
}
.map-mart .map-mart-title .active {
    position: relative;
    color: #FEFEFE;
    background: #12b8d7;
}

.map-mart .map-mart-lists {
    padding: 10px 15px 20px;
}

.map-mart .map-mart-lists li {
    font-size: 0.875rem;
    line-height: 26px;
    color: #333;
    cursor: pointer;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.map-mart .map-mart-lists li span {
    line-height: 26px;
}

.map-mart .map-mart-lists li .lp-map-s20 {
    background-color: #fff;
    color: #666;
}